<%--
  Created by IntelliJ IDEA.
  User: 25498
  Date: 2021/11/26
  Time: 20:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/fontawesome-all.css">
    <link rel="stylesheet" href="../css/nprogress.css">
    <link rel="stylesheet" href="../css/admin.css">
    <script src="../js/nprogress.js"></script>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        .navbar{
            display: flex;
            width: calc(100% - 180px);
            height: 100px;
            margin-left: 180px;
            position: relative;
            background-image: linear-gradient( #82a2a8 20%, #727e8f 70%);
            border-radius: 0px;
        }
        .li-sty{
            position: absolute;
            left: 5%;
            height: 50px;
            font-size: 40px;
            cursor: pointer;
            line-height: 100px;
            color: aliceblue;
        }
        .tui {
            position: absolute;
            top: 40px;
            right: 2%;
        }
    </style>
</head>
<body>
<%  request.setCharacterEncoding("utf-8");%>
<div class="div_body">
<%--    头部--%>
    <div class="navbar">
        <div class="li-sty">GoodBooks管理系统<i class="fa fa-magic" aria-hidden="true"></i></div>
        <div class="dropdown tui">
            <button type="button" class="btn dropdown-toggle">
                <a href="../webpage/Index.jsp">网站首页</a>
            </button>
            <button type="button" class="btn dropdown-toggle" id="dropdownMenu1"
                    data-toggle="dropdown">
                <a role="menuitem" tabindex="-1" href="../login.jsp">退出登录</a>
<%--                <span class="caret"></span>--%>
            </button>
        </div>
    </div>
<%--    左侧选择栏--%>
    <div class="aside">
        <div class="profile">
            <img class="avatar" src="../image/user.jpg">
            <h3 class="name"><%=session.getAttribute("user_name")%></h3>
        </div>
        <ul class="nav side-menu">
            <li  class="card-header">
                <a href="#menu-class" data-toggle="collapse">
                    <i class="fa fa-cogs"></i>用户信息管理<i class="fa fa-angle-right"></i>
                </a>
                <ul id="menu-class" class="collapse">
                    <li><a href="userInfo.jsp" target="mainRight">管理员信息</a></li>
                    <li><a href="customer.jsp" target="mainRight">用户信息</a></li>
                </ul>
            </li>
            <li>
                <a href="#menu-grades" data-toggle="collapse">
                    <i class="fa fa-comments"></i>图书信息管理<i class="fa fa-angle-right"></i>
                </a>
                <ul id="menu-grades" class="collapse">
<%--                    <li><a href="ServletFindAllScore" target="mainRight">新书上架</a></li>--%>
<%--                    <li><a href="admin/addScore.jsp" target="mainRight">删除图书信息</a></li>--%>
<%--                    <li><a href="updatebook.jsp" target="mainRight">修改图书基本资料</a></li>--%>
                    <li><a href="bookinfo.jsp" target="mainRight">图书信息管理</a></li>
                </ul>
            </li>
            <li>
                <a href="#menu-teachers" data-toggle="collapse">
                    <i class="fa fa-users"></i>订单信息管理<i class="fa fa-angle-right"></i>
                </a>
                <ul id="menu-teachers" class="collapse">
                    <li><a href="orderinfo.jsp" target="mainRight">订单管理</a></li>
                    <li><a href="../QueryCart" target="mainRight">购物车信息</a></li>
                </ul>
            </li>
            <li>
                <a href="#menu-stu" data-toggle="collapse">
                    <i class="fa fa-bug"></i>销售信息统计<i class="fa fa-angle-right"></i>
                </a>
                <ul id="menu-stu" class="collapse">
                    <li><a href="sale.jsp" target="mainRight">查看销售统计图表</a></li>
                </ul>
            </li>
        </ul>
    </div>
<%--    主要内容--%>
    <div class="div_right">
        <iframe frameBorder="0" id="main"
                name="mainRight" scrolling="yes" src="../test.jsp"
                style="height: 100%; VISIBILITY: inherit; width: calc(100% - 180px); margin-left: 180px; Z-INDEX: 1"></iframe>
    </div>
</div>

<script type="text/javascript" src="../js/jquery-1.8.1.js"></script>
<script type="text/javascript" src="../js/bootstrap-collapse.js"></script>
<%--<script type="text/javascript" src="../js/bootstrap.min.js"></script>--%>
<script>

</script>
</body>
</html>
